<!DOCTYPE html>
<html lang="en">
<head>

<!-- start: Meta -->
<meta charset="utf-8">
<title>iTech Staff Panel</title>
<!-- end: Meta -->

<!-- start: Mobile Specific -->
<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- end: Mobile Specific -->

	<!-- start: CSS -->
<link id="bootstrap-style" href="public/css/admin/bootstrap.min.css"
	rel="stylesheet">
<link href="public/css/admin/bootstrap-responsive.min.css"
	rel="stylesheet">
<link id="base-style" href="public/css/admin/style.css" rel="stylesheet">
<link id="base-style-responsive"
	href="public/css/admin/style-responsive.css" rel="stylesheet">

	<!--[if lt IE 7 ]>
	<link id="ie-style" href="public/css/admin/style-ie.css" rel="stylesheet"/>
	<![endif]-->
	<!--[if IE 8 ]>
	<link id="ie-style" href="public/css/admin/style-ie.css" rel="stylesheet"/>
	<![endif]-->
	<!--[if IE 9 ]>
	<![endif]-->

	<!-- end: CSS -->


	<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
<style type="text/css">
.jqstooltip {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	background: rgb(0, 0, 0) transparent;
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,
		endColorstr=#99000000 );
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	color: white;
	font: 10px arial, san serif;
	text-align: left;
	white-space: nowrap;
	padding: 5px;
	border: 1px solid white;
	z-index: 10000;
}

.jqsfield {
	color: white;
	font: 10px arial, san serif;
	text-align: left;
}
</style>
</head>


<body>
	<div id="overlay" style="display: none;">
		<ul>
			<li class="li1"></li>
			<li class="li2"></li>
			<li class="li3"></li>
			<li class="li4"></li>
			<li class="li5"></li>
			<li class="li6"></li>
		</ul>
	</div>
	<!-- start: Header -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
				</a> <a class="brand" href="index.html"> <span class="hidden-phone">iTech
						Staff</span></a>

				<!-- start: Header Menu -->
				<div class="nav-no-collapse header-nav">
					<ul class="nav pull-right">
						<li><a class="btn" href="#"> <i
								class="icon-wrench icon-white"></i>
						</a></li>
						<li class="dropdown"><a class="btn dropdown-toggle"
							data-toggle="dropdown" href="#"> <i
								class="icon-user icon-white"></i> <span class="caret"></span>
						</a>
							<ul class="dropdown-menu">
								<li><a href="#"><i class="icon-user"></i> Profile</a></li>
								<li><a href="login.html"><i class="icon-off"></i>
										Logout</a></li>
							</ul></li>
						<!-- end: User Dropdown -->
					</ul>
				</div>
				<!-- end: Header Menu -->

			</div>
		</div>
	</div>
	<!-- start: Header -->
	<div class="container-fluid">
		<div class="row-fluid">
			<!-- start: Main Menu -->
			<div class="span2 main-menu-span">
				<div class="nav-collapse sidebar-nav">
					<ul class="nav nav-tabs nav-stacked main-menu">
						<li><a href="index.html"><i class="icon-home icon-white"></i><span
								class="hidden-tablet"> Dashboard</span></a></li>
						<li><a href="ui.html"><span class="hidden-tablet">My Calendar</span></a></li>
					</ul>
				</div>
				<!--/.well -->
			</div>
			<!--/span-->
			<!-- end: Main Menu -->

			<div id="content" class="span10" style="min-height: 322px;">
				<!-- start: Content -->

				<div>
					<hr>
					<ul class="breadcrumb">
						<li><a href="#">Home</a> <span class="divider">/</span></li>
						<li><a href="#">My Calendar</a></li>
					</ul>
					<hr>
				</div>

				<div class="row-fluid sortable ui-sortable">
					<div class="box span12">
						<div class="box-header" data-original-title="">
							<h2>
								<i class="icon-calendar"></i><span class="break"></span>My Calendar
							</h2>
						</div>
						<div class="box-content">
						

							<div id="calendar" class="span9 fc">
								<table class="fc-header" style="width: 100%">
									<tbody>
										<tr>
											<td class="fc-header-left"><span class="fc-header-title"><h2>May
														2013</h2></span></td>
											<td class="fc-header-center"></td>
											<td class="fc-header-right"><span
												class="fc-button fc-button-prev fc-state-default fc-corner-left"><span
													class="fc-button-inner"><span
														class="fc-button-content">&lt;</span><span
														class="fc-button-effect"><span></span></span></span></span><span
												class="fc-button fc-button-next fc-state-default fc-corner-right"><span
													class="fc-button-inner"><span
														class="fc-button-content">&gt;</span><span
														class="fc-button-effect"><span></span></span></span></span><span
												class="fc-header-space"></span><span
												class="fc-button fc-button-today fc-state-default fc-corner-left fc-state-disabled"><span
													class="fc-button-inner"><span
														class="fc-button-content">today</span><span
														class="fc-button-effect"><span></span></span></span></span><span
												class="fc-button fc-button-month fc-state-default fc-state-active"><span
													class="fc-button-inner"><span
														class="fc-button-content">month</span><span
														class="fc-button-effect"><span></span></span></span></span><span
												class="fc-button fc-button-agendaWeek fc-state-default"><span
													class="fc-button-inner"><span
														class="fc-button-content">week</span><span
														class="fc-button-effect"><span></span></span></span></span><span
												class="fc-button fc-button-agendaDay fc-state-default fc-corner-right"><span
													class="fc-button-inner"><span
														class="fc-button-content">day</span><span
														class="fc-button-effect"><span></span></span></span></span></td>
										</tr>
									</tbody>
								</table>
								<div class="fc-content"
									style="position: relative; min-height: 1px;">
									<div class="fc-view fc-view-month fc-grid"
										style="position: relative;" unselectable="on">
										<table class="fc-border-separate" style="width: 100%"
											cellspacing="0">
											<thead>
												<tr class="fc-first fc-last">
													<th class="fc-sun fc-widget-header fc-first"
														style="width: 107px;">Sun</th>
													<th class="fc-mon fc-widget-header" style="width: 107px;">Mon</th>
													<th class="fc-tue fc-widget-header" style="width: 107px;">Tue</th>
													<th class="fc-wed fc-widget-header" style="width: 107px;">Wed</th>
													<th class="fc-thu fc-widget-header" style="width: 107px;">Thu</th>
													<th class="fc-fri fc-widget-header" style="width: 107px;">Fri</th>
													<th class="fc-sat fc-widget-header fc-last">Sat</th>
												</tr>
											</thead>
											<tbody>
												<tr class="fc-week0 fc-first" style="">
													<td
														class="fc-sun fc-widget-content fc-day0 fc-first fc-other-month"><div
															style="min-height: 91px;">
															<div class="fc-day-number">28</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 46px;">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-mon fc-widget-content fc-day1 fc-other-month"><div>
															<div class="fc-day-number">29</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-tue fc-widget-content fc-day2 fc-other-month"><div>
															<div class="fc-day-number">30</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-wed fc-widget-content fc-day3"><div>
															<div class="fc-day-number">1</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-thu fc-widget-content fc-day4"><div>
															<div class="fc-day-number">2</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-fri fc-widget-content fc-day5"><div>
															<div class="fc-day-number">3</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-sat fc-widget-content fc-day6 fc-last"><div>
															<div class="fc-day-number">4</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week1" style="">
													<td class="fc-sun fc-widget-content fc-day7 fc-first"><div
															style="min-height: 90px;">
															<div class="fc-day-number">5</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 23px;">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-mon fc-widget-content fc-day8"><div>
															<div class="fc-day-number">6</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-tue fc-widget-content fc-day9"><div>
															<div class="fc-day-number">7</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-wed fc-widget-content fc-day10"><div>
															<div class="fc-day-number">8</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-thu fc-widget-content fc-day11"><div>
															<div class="fc-day-number">9</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-fri fc-widget-content fc-day12"><div>
															<div class="fc-day-number">10</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-sat fc-widget-content fc-day13 fc-last"><div>
															<div class="fc-day-number">11</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week2" style="">
													<td class="fc-sun fc-widget-content fc-day14 fc-first"><div
															style="min-height: 90px;">
															<div class="fc-day-number">12</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-mon fc-widget-content fc-day15"><div>
															<div class="fc-day-number">13</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-tue fc-widget-content fc-day16"><div>
															<div class="fc-day-number">14</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-wed fc-widget-content fc-day17"><div>
															<div class="fc-day-number">15</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-thu fc-widget-content fc-day18"><div>
															<div class="fc-day-number">16</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-fri fc-widget-content fc-day19"><div>
															<div class="fc-day-number">17</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-sat fc-widget-content fc-day20 fc-last"><div>
															<div class="fc-day-number">18</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week3" style="">
													<td class="fc-sun fc-widget-content fc-day21 fc-first"><div
															style="min-height: 90px;">
															<div class="fc-day-number">19</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-mon fc-widget-content fc-day22"><div>
															<div class="fc-day-number">20</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-tue fc-widget-content fc-day23 fc-state-highlight fc-today"><div>
															<div class="fc-day-number">21</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-wed fc-widget-content fc-day24"><div>
															<div class="fc-day-number">22</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-thu fc-widget-content fc-day25"><div>
															<div class="fc-day-number">23</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-fri fc-widget-content fc-day26"><div>
															<div class="fc-day-number">24</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-sat fc-widget-content fc-day27 fc-last"><div>
															<div class="fc-day-number">25</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week4" style="">
													<td class="fc-sun fc-widget-content fc-day28 fc-first"><div
															style="min-height: 90px;">
															<div class="fc-day-number">26</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-mon fc-widget-content fc-day29"><div>
															<div class="fc-day-number">27</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-tue fc-widget-content fc-day30"><div>
															<div class="fc-day-number">28</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-wed fc-widget-content fc-day31"><div>
															<div class="fc-day-number">29</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-thu fc-widget-content fc-day32"><div>
															<div class="fc-day-number">30</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td class="fc-fri fc-widget-content fc-day33"><div>
															<div class="fc-day-number">31</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-sat fc-widget-content fc-day34 fc-last fc-other-month"><div>
															<div class="fc-day-number">1</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week5 fc-last" style="">
													<td
														class="fc-sun fc-widget-content fc-day35 fc-first fc-other-month"><div
															style="min-height: 92px;">
															<div class="fc-day-number">2</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-mon fc-widget-content fc-day36 fc-other-month"><div>
															<div class="fc-day-number">3</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-tue fc-widget-content fc-day37 fc-other-month"><div>
															<div class="fc-day-number">4</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-wed fc-widget-content fc-day38 fc-other-month"><div>
															<div class="fc-day-number">5</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-thu fc-widget-content fc-day39 fc-other-month"><div>
															<div class="fc-day-number">6</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-fri fc-widget-content fc-day40 fc-other-month"><div>
															<div class="fc-day-number">7</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
													<td
														class="fc-sat fc-widget-content fc-day41 fc-last fc-other-month"><div>
															<div class="fc-day-number">8</div>
															<div class="fc-day-content">
																<div style="position: relative">&nbsp;</div>
															</div>
														</div></td>
												</tr>
											</tbody>
										</table>
										<div style="position: absolute; z-index: 8; top: 0; left: 0">
											<div
												class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right ui-draggable"
												style="position: absolute; z-index: 8; left: 111px; width: 101px; top: 44px;"
												unselectable="on">
												<div class="fc-event-inner fc-event-skin">
													<span class="fc-event-title">Task 1</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right ui-draggable"
												style="position: absolute; z-index: 8; left: 219px; width: 101px; top: 44px;"
												unselectable="on">
												<div class="fc-event-inner fc-event-skin">
													<span class="fc-event-title">Task 2</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right"
												style="position: absolute; z-index: 8; left: 111px; width: 101px; top: 67px;">
												<div class="fc-event-inner fc-event-skin">
													<span class="fc-event-title">Meeting</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right"
												style="position: absolute; z-index: 8; left: 435px; width: 101px; top: 136px;">
												<div class="fc-event-inner fc-event-skin">
													<span class="fc-event-title">Other Task</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
										</div>
										<div class="fc-cell-overlay"
											style="position: absolute; z-index: 3; top: 113px; left: 432px; width: 108px; height: 91px; display: none;"></div>
									</div>
								</div>
							</div>

							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				<!--/row-->

				<hr>
					<!-- end: Content -->
			</div>
			<!--/#content.span10-->
		</div>
		<!--/fluid-row-->

		<div class="modal hide fade" id="myModal">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">?</button>
				<h3>Settings</h3>
			</div>
			<div class="modal-body">
				<p>Here settings can be configured...</p>
			</div>
			<div class="modal-footer">
				<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
					class="btn btn-primary">Save changes</a>
			</div>
		</div>

		<div class="clearfix"></div>

		<footer>
			<p>
				<span style="text-align: left; float: left">? <a
					href="http://clabs.co" target="_blank">creativeLabs</a> 2013
				</span> <span style="text-align: right; float: right">Powered by: <a
					href="#">Perfectum Dashboard</a></span>
			</p>

		</footer>

	</div>
	<!--/.fluid-container-->




</body>
</html>